<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head>
        <title>Thymeleaf tutorial - Exercise 2: Simple formatting</title>
        <link rel="stylesheet" href="../../../css/main-static.css" th:href="@{/css/main.css}" />
        <meta charset="utf-8" />
    </head>
    <body>
        <p>
            This exercise introduces concepts from
            <a href="http://www.thymeleaf.org/doc/html/Using-Thymeleaf.html#appendix-expression-utility-objects"
               title="Open Thymeleaf manual" target="_blank">chapter 16 of the Using Thymeleaf</a>
            manual.
        </p>
        <ol>
            <li>
                Edit the source code in order to show bean values as you did in exercise 1. <br />
                A bean of class 
                <a href="../../code/Product.java" th:href="@{/resources/code/Product.java}"
                   title="See Product.java source code" target="_blank">Product</a>
                has been already set into the context model with variable name <b>product</b>.
            </li>
            <li>
                Now let's add some formatting to those <i>Integer</i> and <i>Date</i> properties. For this, 
				have a look at the definition of the <kbd>#dates</kbd>
                and <kbd>#numbers</kbd> utility objects at the <i>Expression Utility Objects</i> Appendix 
				of the
                <a href="http://www.thymeleaf.org/doc/html/Using-Thymeleaf.html#appendix-expression-utility-objects"
                   title="Open Thymeleaf manual">Using Thymeleaf</a>
                tutorial.
            </li>
            <li>
                Finally, modify the template in order to obtain a static prototype that makes sense (for example,
                by substituting all those <b>XXX</b> by some prototyping data).
            </li>
            <li>
                You can check the proposed solution by pressing the <b>Show solution</b> button.
            </li>
        </ol>
    </body>
</html>
